<template>
  <m-page>
    <m-header>
      <!-- 额度区域 -->
      <div class="g-limit">
        <div>
          <span><b>-2,000.00</b></span
          ><br />
          <span>交易金额</span>
        </div>
      </div>
      <!-- 列表区域 -->
      <div class="g-list">
          <ul>
              <li>
                  	<ynet-cell-item title="账户名称" addon="长湘贷信用卡"></ynet-cell-item>
              </li>
              <li>
                  	<ynet-cell-item title="信用卡号末四位" addon="1234"></ynet-cell-item>
              </li>
              <li>
                  	<ynet-cell-item title="交易时间" addon="2019-06-21 22:21:23"></ynet-cell-item>
              </li>
              <li>
                  	<ynet-cell-item title="入账时期" addon="2020-02-15"></ynet-cell-item>
              </li>
              <li>
                  	<ynet-cell-item title="交易类型" addon="本金到期"></ynet-cell-item>
              </li>
              <li>
                  	<ynet-cell-item title="交易描述" addon="20190621本金到期"></ynet-cell-item>
              </li>
              <li>
                  	<ynet-cell-item title="原始交易币种" addon="人民币"></ynet-cell-item>
              </li>
          </ul>
      </div>
    </m-header>
  </m-page>
</template>

<script>
import { CellItem, Switch, Icon, Tag } from 'ynet-mobile'
export default {
  components: {
      [CellItem.name]: CellItem,
			[Switch.name]: Switch,
			[Icon.name]: Icon,
			[Tag.name]: Tag
  },
  data() {
    return {};
  },
  methods: {},
  created() {},
  mounted() {},
  watch: {},
  computed: {}
};
</script>
<style lang="scss" scoped>
@import "./index.scss";
</style>
